<template>
    <div class="user-top">
        <div class="container">
            <div class="user-topImg">
                <img src="../../assets/meirong1.jpg" alt="">
                <p>TingTing小仙女 <img src="../../assets/zuanshi.png" alt=""><span>1</span></p>
                <p>头衔：户外旅游、音乐舞蹈、表演唱歌、交友谈心、汽车驾驶</p>
                <p>红粉格言：本平台内信息由用户自行发布并对信息的真实性及合法性负责</p>
            </div>

        </div>
    </div>
</template>

<script>
    export default {
        name: "index"
    }
</script>

<style scoped lang="less">
    .user-top{
        background: url("../../assets/useTop.png");
        height: 350px;
        .user-topImg{
            padding-top: 40px;
            >img{
                width: 84px;
                height: 84px;
                border-radius: 50%;
                border: 5px solid #FE91A5;
                float: left;
            }
            >:nth-child(2){
                color: #ff536d;
                font-size: 22px;
                font-weight: bold;
                padding-top:0px;
               span{
                   color: #ffcc33;
                   font-size: 18px;
                   margin-left: -7px;
               }
            }
            p{
                padding-top:5px;
                float: left;
                width: 70%;
                padding-left: 10px;
                color: #333333;
                font-size: 14px;
            }
        }

    }
</style>